<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../topshop/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="../../topshop/css/basic.css"/>
<link rel="stylesheet" type="text/css" href="../../topshop/css/style.css"/>
<script type="text/javascript" src="../../topshop/js/jquery-1.8.2.min.js"></script>
</head>

<body class="body_bj">
<div class="wrap">
    <div class="header">
        <div class="goback fl"><a href=""><img src="images/goback.png" alt="返回" /></a></div>
        <div class="search1 fl">
           <div class="search_le1 fl">
              <input type="text" />
           </div>
           <div class="search_ri1 fl"><button type="submit"><img src="images/search.png" width="18" height="18" /></button></div>
           <div class="clear"></div>
        </div>
        <div class="navbar fr">
            <div class="navbar_icon"><img src="images/nav_icon.png" /></div>
            <div class="nav">
               <ul>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
               </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    
    <div id="demo01" class="flexslider">
	  <ul class="slides">
		<li><div class="img"><img src="images/ad_home.jpg"/></div></li>
		<li><div class="img"><img src="images/ad_yuetu.jpg" /></div></li>
		<li><div class="img"><img src="images/ad_nba.jpg" /></div></li>
	  </ul>
    </div>
    
    <div class="xq_main1">
       <div class="xq_main1_title">云南特产 玉龙雪山天然玛咖-玛咖帝干红-紫玛咖</div>
       <div class="xq_price">
          ￥299&nbsp;&nbsp;<del>￥198</del>
       </div>
       <div class="xq_yunfei">运费：免邮</div>
       <div class="xq_jifen">支持400创积抵扣400.00元</div>
    </div>
    
    <div class="xq_main2">
       <div class="xq_main2_dianming">
          <div class="xq_main2_dianming_logo fl"><img src="images/fenlei_img.jpg" width="52" height="52" /></div>
          <div class="xq_main2_dianming_name fl">李豆儿红酒专卖点</div>
          <div class="clear"></div>
       </div>
       <div class="xq_main2_fenlei">
          <ul>
            <li class="fl"><a href=""><span class="fa fa-shopping-bag"></span>全部商品</a></li>
            <li class="fr"><a href=""><span class="fa fa-archive"></span>进入店铺</a></li>
          </ul>
          <div class="clear"></div>
       </div>
    </div>
    
    <div class="xq_main3">
        <div class="xq_main3_top">
          <ul>
            <li class="fl xq_main3_active">商品详情</li>
            <li class="fl">商品属性</li>
            <li class="fl">评价（0）</li>
          </ul>
          <div class="clear"></div>
        </div>
        <div class="xq_main3_bottom">
             <div class="xq_main3_bottom_box xq_main3_bottom_product">
                 <p></p>
                 <img src="../../topshop/images/pro5-1.jpg" />
                 <img src="../../topshop/images/pro5-2.jpg" />
                 <img src="../../topshop/images/pro5-3.jpg" />
                 <img src="../../topshop/images/pro5-4.jpg" />
                 <img src="../../topshop/images/pro5-5.jpg" />
             </div>
             <div class="xq_main3_bottom_box xq_main3_bottom_shuxing">
                 <ul>
                   <li class="fl">上市日期：2017年夏季</li>
                   <li class="fl">材质：棉麻</li>
                   <li class="fl">上市日期：2017年夏季</li>
                   <li class="fl">材质：棉麻</li>
                   <li class="fl">上市日期：2017年夏季</li>
                   <li class="fl">材质：棉麻</li>
                   <li class="fl">上市日期：2017年夏季</li>
                   <li class="fl">材质：棉麻</li>
                   <li class="fl">上市日期：2017年夏季</li>
                   <li class="fl">材质：棉麻</li>
                 </ul>
                 <div class="clear"></div>
             </div>
             <div class="xq_main3_bottom_box xq_main3_bottom_pingjia">
                 <div class="xq_pingjia_top">
                    <ul>
                      <li class="fl xq_pingjia_active"><a href="#">全部</a></li>
                      <li class="fl"><a href="#">追加</a></li>
                      <li class="fl"><a href="#">有图</a></li>
                      <li class="fl"><a href="#">质量不错</a></li>
                    </ul>
                    <div class="clear"></div>
                 </div>
                 <div class="xq_pingjia_bottom">
                     <div class="xq_pingjia_box">
                        <ul>
                           <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                           </li>
                           <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                              <div class="pingjia_img">
                                 <ul>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    
                                 </ul>
                                 <div class="clear"></div>
                              </div>
                           </li>
                           <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                              <div class="pingjia_zhuiping">
                                 <p>当天追评</p>
                                 <div class="pingjia_zhuiping_txt">下次还会来买</div>
                              </div>
                           </li>
                           <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                              <div class="pingjia_zhuiping">
                                 <p>当天追评</p>
                                 <div class="pingjia_zhuiping_txt">下次还会来买</div>
                                 <div class="pingjia_img">
                                 <ul>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    
                                 </ul>
                                 <div class="clear"></div>
                              </div>
                              </div>
                           </li>
                        </ul>
                     </div>
                     <div class="xq_pingjia_box">
                        <ul>
                           <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                              <div class="pingjia_zhuiping">
                                 <p>当天追评</p>
                                 <div class="pingjia_zhuiping_txt">下次还会来买</div>
                                 <div class="pingjia_img">
                                 <ul>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    
                                 </ul>
                                 <div class="clear"></div>
                              </div>
                              </div>
                           </li>
                           <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                              <div class="pingjia_zhuiping">
                                 <p>当天追评</p>
                                 <div class="pingjia_zhuiping_txt">下次还会来买</div>
                                 <div class="pingjia_img">
                                 <ul>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    
                                 </ul>
                                 <div class="clear"></div>
                              </div>
                              </div>
                           </li>
                        </ul>
                     </div>
                     <div class="xq_pingjia_box">
                        <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                              <div class="pingjia_zhuiping">
                                 <p>当天追评</p>
                                 <div class="pingjia_zhuiping_txt">下次还会来买</div>
                                 <div class="pingjia_img">
                                 <ul>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    
                                 </ul>
                                 <div class="clear"></div>
                              </div>
                              </div>
                           </li>
                     </div>
                     <div class="xq_pingjia_box">
                        <li>
                              <div class="pingjia_name">
                                 <div class="pingjia_name_le fl">lidouer12396</div>
                                 <div class="pingjia_name_ri fr">2017-07-12</div>
                                 <div class="clear"></div>
                              </div>
                              <div class="pingjia_title">非常满意</div>
                              <div class="pingjia_zhuiping">
                                 <p>当天追评</p>
                                 <div class="pingjia_zhuiping_txt">下次还会来买</div>
                                 <div class="pingjia_img">
                                 <ul>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    <li class="fl"><img src="images/fenlei_img.jpg" /></li>
                                    
                                 </ul>
                                 <div class="clear"></div>
                              </div>
                              </div>
                           </li>
                     </div>
                 </div>
             </div>
        </div>
    </div>
    
    
    
    <div class="footer">大唐一品商城</div>
    
    <div class="foot">
       <ul>
         <li class="fl">
           <a href="">
              <span><img src="images/foot04.png" /></span>
              <p>返回首页</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot03.png" /></span>
              <p>分类搜索</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot02.png" /></span>
              <p>购物车</p>
           </a>
         </li>
         <div class="fl xq_lijigoumai"><a href="">立即购买</a></div>
         <div class="clear"></div>
       </ul>
    </div>
    
    
    
    
</div>
<script type="text/javascript" src="../../topshop/js/slider.js"></script> 
<script type="text/javascript">

$(function(){
  $('#demo01').flexslider({
		animation: "slide",
		direction:"horizontal",
		easing:"swing"
	});
  
  $('.navbar_icon').click(function(){
	  $('.nav').slideToggle();
	  })
 
  $('.xq_main3_bottom_box').eq(0).show();
  $('.xq_main3_top li').click(function(){
	   $(this).addClass("xq_main3_active").siblings().removeClass("xq_main3_active");
	   index=$('.xq_main3_top li').index(this);
	   $('.xq_main3_bottom_box').eq(index).show().siblings().hide();
	  })
   $('.xq_pingjia_top li').click(function(){
	    $(this).addClass("xq_pingjia_active").siblings().removeClass("xq_pingjia_active");
		index=$('.xq_pingjia_top li').index(this);
	   $('.xq_pingjia_box').eq(index).show().siblings().hide();
	   })	
});
</script>
</body>
</html>
